<html>
	<head>
		<meta charset="utf-8">
		<title>JS滚动列表</title>
		<style>
			body, ul, li{
				margin: 0px;
				padding: 0px;
			}
			ul, li {
				list-style: none;
			}
			#DEMO {
				width: 220px;
				height:300px;
				margin:20px auto;
				border:1px #ccc solid;
				font-size: 12px;
				padding: 0px 10px;
				overflow: hidden;


			}
			li {

				padding: 2px 1px;
				/*border-bottom: 1px #ccc dashed;*/
			}
		</style>
		<script>
			window.onload = init;
			var demo;
			function init() {
				// body...
				demo = document.getElementById('DEMO');
				var demo2 = document.getElementById('demo2');
				var demo3 = document.getElementById('demo3');
				
				//设置高相等
				demo2.style.height = demo.offsetHeight + "px";
				// demo2.style.backgroundColor = "pink";
				demo3.style.height = demo.offsetHeight + "px";
				// demo3.style.backgroundColor = "blue";

				//将2中的内容复制到3中
				demo3.innerHTML = demo2.innerHTML;

				//定时器
				window.setInterval("show()", 80);
			}

			function show() {
				if (demo.scrollTop != demo.offsetHeight) {
					demo.scrollTop ++;
				} else {
					demo.scrollTop = 0;
				}	

			}
		</script>
	</head>
	<body>
		<div id="DEMO">
			<div id="demo2">
				<ul>
					<li>郎平又找到新工作！揭露女排一大问题</li>
					<li>四位世界冠军沦为陪衬 她美得动人心魄</li>
					<li>日乒又抽上上签！平野或再被保送？</li>
					<li>揭秘权健新帅 勾引里皮女儿险被齐祖废</li>
					<li>世界冠军人间蒸发 再现身竟成中国对手</li>
					<li>郭斌自曝为刘国梁放弃项目:他是我恩人</li>
					<li>球哥二弟涉嫌偷窃 已被中国警方带走</li>
					<li>朱婷胜韩国1姐1年夺4冠3MVP 年薪千万</li>
					<li>权健晋级亚冠极为惊险！谁救了他们？</li>
					<li>诺天王:输球没意思 过去可是常胜之师</li>
					<li>我们究竟做了什么 把日本人吓成这样</li>
					<li>受蔡英文嘱托 他在国际场合向大陆喊话</li>
					<li>航母过境索十亿:这国今求华隐身战机</li>
					<li>大陆对台动武 中央已经做出这一行动</li>
					<li>30人20分钟击溃一国家 这军队有多神</li>
				</ul>
			</div>
			<div id="demo3">
				
			</div>
		</div>
	</body>
</html>